<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<!-- <link href="css/bootstrap.css" rel="stylesheet" media="screen"> -->
<!-- Common style -->
<link href="css/commons.css" rel="stylesheet" media="screen">
<!-- jquery easy ui -->
<link rel="stylesheet" type="text/css"
	href="css/jqeasyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="css/jqeasyui/themes/icon.css">
<script type="text/javascript" src="css/jqeasyui/jquery.min.js"></script>
<script type="text/javascript" src="css/jqeasyui/jquery.easyui.min.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div class="header">header</div>
	<div class="easyui-layout border ">
		<div region="west" split="false"
			style="width: 201px; border-right: solid #95b8e7 1px;"
			data-options="collapsible:false,border:false">
			<ul class="easyui-tree">
				<li><span>My Documents</span>
					<ul>
						<li data-options="state:'closed'"><span>Photos</span>
							<ul>
								<li><span>Friend</span></li>
								<li><span>Wife</span></li>
								<li><span>Company</span></li>
							</ul></li>
						<li><span>Program Files</span>
							<ul>
								<li>Intel</li>
								<li>Java</li>
								<li>Microsoft Office</li>
								<li>Games</li>
							</ul></li>
						<li>index.html</li>
						<li>about.html</li>
						<li>welcome.html</li>
					</ul></li>
			</ul>
		</div>
		<div id="content" region="center" data-options="border:false"
			class="easyui-tabs"></div>
	</div>
	<div class="footer">footer</div>
</body>
<script type="text/javascript">
	function addTab(title, url) {
		if ($('#content').tabs('exists', title)) {
			$('#content').tabs('select', title);
		} else {
			var content = '<iframe scrolling="auto" frameborder="0"  src="'
					+ url + '" style="width:100%;height: 99.5%;"></iframe>';
			$('#content').tabs('add', {
				title : title,
				content : content,
				closable : true,
			});
		}
	}
</script>
</html>